<%@ page pageEncoding="UTF-8"%>
<%@ taglib prefix="cw" uri="/widget-tags"%>
<!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd">
<html>
	<head>
		<cw:base />
		<script type="text/javascript" src="${pageContext.request.contextPath}/resource/scripts/windowUtils.js"></script>
	</head>
	<body>
		<script type="text/javascript">
		function showWin(){
				Ext.getCmp('window').show();
				Wonders.utils.formLoad('detail', '../../../sample/combination/personinfo.load.action', {
					id :1
				}, null,'加载成功!');		
		}
		</script>
		
		<cw:window url="../grid/baseGrid/gridPage.jsp" id="dlg" width="600" height="300" title="新页面窗口" maximizable="true" minimizable="true" modal="true"/>
		
		<cw:window id="window" width="600" height="300" title="内部窗口" maximizable="true" minimizable="true" modal="true">
			<cw:form id="detail">
				<table>
					<tr>
						<td>
							身份证：
						</td>
						<td>
							<cw:text property="id" readOnly="true"></cw:text>
						</td>
						<td>
							姓名：
						</td>
						<td>
							<cw:text property="name" readOnly="true"></cw:text>
						</td>
					</tr>
					<tr>
						<td>
							性别：
						</td>
						<td>
							<cw:text property="sex" readOnly="true"></cw:text>
						</td>
						<td>
							生日：
						</td>
						<td>
							<cw:text property="dateTime" readOnly="true"></cw:text>
						</td>
					</tr>
					<tr>
						<td>
							民族：
						</td>
						<td>
							<cw:text property="nation" readOnly="true"></cw:text>
						</td>
						<td>
							户籍性质：
						</td>
						<td>
							<cw:text property="census" readOnly="true"></cw:text>
						</td>
					</tr>
					<tr>
						<td>
							户籍所在地：
						</td>
						<td>
							<cw:text property="censusAddress" readOnly="true"></cw:text>
						</td>
						<td>
							邮政编码：
						</td>
						<td>
							<cw:text property="zip" readOnly="true"></cw:text>
						</td>
					</tr>
					<tr>
						<td>
							联系电话：
						</td>
						<td>
							<cw:text property="phone" readOnly="true"></cw:text>
						</td>
						<td>
							手机：
						</td>
						<td>
							<cw:text property="moblie" readOnly="true"></cw:text>
						</td>
					</tr>
					<tr>
						<td>
							开户银行：
						</td>
						<td>
							<cw:text property="bankName" readOnly="true"></cw:text>
						</td>
						<td>
							开卡类型:
						</td>
						<td>
							<cw:text property="cardType" readOnly="true"></cw:text>
						</td>
					</tr>
					<tr>
						<td>
							卡号:
						</td>
						<td>
							<cw:text property="cardNumber" readOnly="true"></cw:text>
						</td>
						<td>
							现金余额:
						</td>
						<td>
							<cw:text property="cash" readOnly="true"></cw:text>
						</td>
					</tr>
				</table>
			</cw:form>
		</cw:window>
		<ul>
			<li>
				<b>在当前页面弹出一个新窗口，而且不用打开一个新的浏览器页面。</b>
			</li>
			<li>
				<b>窗口控件中maximizable属性为是否允许窗口最大化，minimizable属性为是否允许窗口最小化。</b>
			</li>
		</ul>
		<br/>
		<br/>
		<ul>
			<li>
				弹出内部窗口，调用Ext.getCmp(...).show()
				<cw:button text="弹出内部窗口" onclick="showWin()"></cw:button>
				<br/>
			</li>
			<li>
				弹出新页面窗口，设置窗口url属性，调用Wonders.window.show(...)
				<cw:button text="弹出新页面窗口" onclick="function(){Wonders.window.show(dlg,'id=1');}"></cw:button>
				<br/>
			</li>
		</ul>
		<script type="text/javascript" src="${pageContext.request.contextPath}/resource/scripts/windowfix.js"></script>
	</body>
	<cw:theme></cw:theme>
</html>